<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <HomeCategoryVue></HomeCategoryVue>
        <HomeBannerVue></HomeBannerVue>
      </div>
      <!-- 面板组件 -->
      <!-- 新鲜好物 -->
      <HomeNewVue></HomeNewVue>

      <!-- 人气推荐 -->
      <HomeHotVue></HomeHotVue>

      <!-- 热门品牌 -->
      <HomeBrandVue></HomeBrandVue>
    </div>
  </div>
</template>

<script>
import HomeCategoryVue from './components/home-category'
import HomeBannerVue from './components/home-banner'
import HomeNewVue from './components/home-new'
import HomeHotVue from './components/home-hot'
import HomeBrandVue from './components/home-brand'
export default {
  name: 'Home',
  components: {
    HomeCategoryVue,
    HomeBannerVue,
    HomeNewVue,
    HomeHotVue,
    HomeBrandVue
  }
}
</script>
